.slideout_panel  {}

#slideout_schedule,
#slideout_patLastVisit,
#slideout_patCPP,
#slideout_whiteboard
{
	width: 500px;
	height: 100%;
	position: fixed;
	background-color: #FFF;
	z-index: 1041;
	right: -500px;
	border-left: 1px solid #CCCCCC;
	transition: right 0.3s ease-out;
}

.slideout_schedule_open,
.slideout_patLastVisit_open,
.slideout_whiteboard_open,
.slideout_patCPP_open,
.slideout_whiteboard_open  {right: 0px !important;}

.slideout_title  {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #008ABD;
	border-bottom: 1px solid #CCCCCC;
	padding: 18px 20px;
}

#slideout_schedule .slideout_title  {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.slideout_schedule_nav  {
	width: 100%;
	height: auto;
	background-color: rgba(231,242,248,1);
	padding: 10px 54px 10px 10px;
	position: absolute;
	top: 56px;
	left: 0;
	z-index: 1;
	border-bottom: 1px solid #c8c8c8;
}

.slideout_schedule_nav select  {width: 100%;}

.slideout_navitem_full  {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.slideout_navitem_half  {
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.slideout_navitem_half:nth-child(2)  {padding-right: 5px;}
.slideout_navitem_half:nth-child(3)  {padding-left: 5px;}

.slideout_navitem_half input[type="text"]  {
	margin: 1px 0 0 0;
	background-color: #FFFFFF !important;
}

#slideoutbtns  {
	width: 100%;
	height: auto;
}

#slideoutbtns .subnavbtn  {width: 32%;}

#slideoutbtns .subnavbtn:nth-child(1)  {margin-right: 2%;}
#slideoutbtns .subnavbtn:nth-child(2)  {margin-right: 2%;}
#slideoutbtns .subnavbtn:nth-child(3)  {margin-right: 0;}

.slideout_body  {
	width: 100%;
	height: auto;
	padding: 10px 54px 10px 10px;
	background-color: #FFFFFF;
}

#slideout_schedule .slideout_body  {
	height: 98%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 192px 54px 30px 10px;
	overflow-y: scroll;
}

#slideout_schedule #slideoutScheduleContainer  {
	overflow: scroll;
	position: relative;
}

#slideout_schedule_table_shell  {border: 1px solid #CCCCCC;}

#slideout_schedule #schedule_table_container  {padding: 0;}

#slideout_schedule #schedule_header  {position: inherit;}
#slideout_schedule #daily_schedule  {margin-top: 0;}

#slideout_schedule #schedule_header .schedule_header_block  {
	font-size: 12px;
	line-height: 12px;
	padding: 9px 0;
}

#slideout_patient_count  {padding: 6px 0 10px 0;}

#slideout_schedule #schedule_header .schedule_header_block:nth-child(1)  {width: 20% !important;}
#slideout_schedule #schedule_header .schedule_header_block:nth-child(2)  {width: 40% !important;}
#slideout_schedule #schedule_header .schedule_header_block:nth-child(3)  {width: 40% !important;}

#slideout_schedule #slideout_daily_schedule tr td:nth-child(1)  {width: 20% !important;}
#slideout_schedule #slideout_daily_schedule tr td:nth-child(2)  {width: 40% !important;}
#slideout_schedule #slideout_daily_schedule tr td:nth-child(3)  {width: 40% !important;}

#slideout_schedule #slideout_daily_schedule tr td img  {margin-top: 10px;}

#slideout_schedule #slideout_daily_schedule  {border-collapse: collapse; border-style: hidden;}

#slideout_patCPP .slideout_title  {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

#slideout_patCPP_container  {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 65px 54px 0 10px;
	overflow-y: scroll;
}

#slideout_patCPP_patientName  {
	margin: 0;
	font-size: 14px;
}

#slideout_cpp_inner_container  {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

#slideout_cpp_inner_container .cpp_item  {
	width: 100%;
	height: auto;
	margin-bottom: 28px;
}

#slideout_cpp_inner_container .cpp_item_title  {
	width: 100%;
	height: auto;
	background-color: #e7f2f8;
	color: #435F80;
	font-weight: 500;
	padding: 10px 6px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}

#slideout_cpp_inner_container .slideout_patCPP_item  {
	width: 100%;
	height: auto;
	border: 1px solid #CCCCCC;
	padding: 10px;
	padding-bottom: 0px;
	line-height: 18px;
}

#slideout_cpp_inner_container .slideout_patCPP_item div,
#slideout_cpp_inner_container .slideout_patCPP_item p  {margin-bottom: 10px;}

#slideout_patCPP_patientsContainer  {
	max-height: 400px;
	overflow: scroll;
	border: 1px solid #CCCCCC;
}

#slideout_patCPP  {overflow: scroll;}